<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title></title>
</head>
<body>

<div  class="content-wrapper"  >
    <div class='row' style='margin-bottom: -50px'>
        <div class="col-lg-12 grid-margin stretch-card">
            <div class="card" >
                <div class="card-body " style="padding: 50px 50px 30px 50px;">
                    <div class="form-inline ">
                        <div class=" col-md-6" style="padding-right: 30px">
                            <div class="col-md-12" style="padding: 0px;border-right:3px solid #dddddd;">
                                <h4 class="card-title" style="width: 300px;font-size: 25px">用户信息</h4>
                                <div class="form-inline" style="margin-top: 20px;height: 250px">
                                    <div class="col-md-5" style="padding:0px ;box-shadow: lightskyblue 0px 0px 5px 2px ;">
                                        <img th:src="${loginUser.image}" class="col-md-12" style="padding:0px ;">
                                    </div>
                                    <div class="col-md-7" >
                                        <div style="margin-bottom: 10px">
                                            <span>姓名：</span>
                                            <span th:text="${loginUser.name}"></span>
                                        </div>
                                        <div style="margin-bottom: 10px">
                                            <span>职务：</span>
                                            <span th:text="${loginUser.position}"></span>
                                        </div>
                                        <div style="margin-bottom: 10px">
                                            <span>账号：</span>
                                            <span th:text="${loginUser.username}"></span>
                                        </div>
                                        <div style="margin-bottom: 10px">
                                            <span>创建日期：</span>
                                            <span th:text="${loginUser.createtime.substring(0,10)}"></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6" >
                            <h4 class="card-title" style="width: 300px;font-size: 25px">公司信息</h4>
                            <div class="form-inline" style="margin-top: 20px;height: 250px">
                                <div class="col-md-5" style=" padding:0px ;box-shadow: lightskyblue 0px 0px 5px 2px ;">
                                    <img th:src="${loginUser.company.img}" class="col-md-12" style="padding:0px ;">
                                </div>
                                <div class="col-md-7">
                                    <div style="margin-bottom: 10px">
                                        <span>公司名称：</span>
                                        <span th:text="${loginUser.company.name}"></span>
                                    </div>
                                    <div style="margin-bottom: 10px">
                                        <span>入驻时间：</span>
                                        <span th:text="${loginUser.company.time.substring(0,10)}"></span>
                                    </div>
                                    <div style="margin-bottom: 10px">
                                        <span>公司简介：</span>
                                        <span th:text="${loginUser.company.info}"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-12" style="padding: 0px 60px 0px 60px;">
                    <div style="width:100% ;border-bottom:3px solid #dddddd;"></div>
                </div>
                <div class="card-body" style="padding: 40px" th:if="${results.get('Serials')}">
                    <div class="col-md-12">
                        <div class="updateMenu-title-left" style="margin-left: 0px">
                            <h4 class="card-title" style="width: 300px;font-size: 25px">串口信息</h4>
                            <p class="card-description" style="width: 300px;margin-bottom: 0px">
                                贵公司注册的串口信息
                            </p>
                        </div>
                        <button class="btn btn-warning">修改</button>
                        <div class="table-responsive">
                            <table class="table table-striped">
                                <thead>
                                <tr>
                                    <th >数据名</th>
                                    <th >经过处理</th>
                                    <th >串口号</th>
                                    <th >波特率</th>
                                    <th >校验位</th>
                                    <th >数据位</th>
                                    <th >停止位</th>
                                </tr>
                                </thead>
                                <tbody id="updateMenu_tbody">
                                <tr th:each="serial,iterStat:${Serials}">
                                    <td style="padding: 20px 0px 20px 20px">
                                        <span th:text="${serial.parm.name}" ></span>
                                    </td>
                                    <td style="padding: 0px 0px 0px 20px">
                                        <span th:text="${serial.handled}"></span>
                                    </td>
                                    <td style="padding: 0px 0px 0px 20px">
                                        <span th:text="${serial.serialNumber}"></span>
                                    </td>
                                    <td style="padding: 0px 0px 0px 20px">
                                        <span th:text="${serial.baudRate}"></span>
                                    </td>
                                    <td style="padding: 0px 0px 0px 20px">
                                        <span th:text="${serial.checkoutBit}"></span>
                                    </td>
                                    <td style="padding: 0px 0px 0px 20px">
                                        <span th:text="${serial.dataBit}"></span>
                                    </td>
                                    <td style="padding: 0px 0px 0px 20px">
                                        <span th:text="${serial.stopBit}"></span>
                                    </td>
                                    <!--<td style="text-align: center;padding-top: 15px;padding-bottom: 15px">-->
                                    <!--<button class="update-menu-delete btn btn-danger btn-rounded" >删除</button>-->
                                    <!--<button class="update-menu-update btn btn-info btn-rounded" >更新</button>-->
                                    <!--</td>-->
                                </tr>
                                <tr><td></td><td></td><td></td><td></td></tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script th:inline="javascript">
    // var menuList = [[${menus}]];
    // updateMenuInfomation(menuList);
</script>
</body>
</html>